// ==================== 获取用户信息 ====================
let form = layui.form;
let layer = layui.layer;

userinfo();
function userinfo() {
  axios.get("/my/userinfo").then((res) => {
    // console.log(res);

    // 把数据显示到页面表单中

    // 给表单赋值
    // 第一个参数 formFilter 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
    // 第二个参数： 是数据（给表单赋值的数据）
    //        数据的键名一定要表单的name属性的值要对应起来，否则无法给表单赋值
    form.val("formFilter", res.data.data);
  });
}

// ==================== 表单校验 ====================
form.verify({
  nickname: function (value, item) {
    // value：表单的值、item：表单的DOM对象
    // 昵称长度是2-6字符
    if (value.length < 2 || value.length > 6) {
      return "昵称长度是2-6字符";
    }
  },
});

// ==================== 更新用户的基本信息; ====================
$("#form").on("submit", function (e) {
  e.preventDefault();

  // 来收集表单数据
  let data = $(this).serialize();
  // console.log(data);

  // 提交
  axios.post("/my/userinfo", data).then((res) => {
    console.log(res);

    if (res.data.status !== 0) {
      // 修改失败
      return layer.msg(res.data.message);
    }

    // 修改用户信息成功之后，做的事情
    // 1. 提示用户
    layer.msg(res.data.message);

    // 2. 更新index页面中的昵称
    // console.log($("#welcome"));
    window.parent.getUserInfo();
  });
});

// ==================== 重置表单信息 ====================
$("#btnReset").on("click", function (e) {
  // 重置按钮，会把表单的内容清空掉（默认功能）
  e.preventDefault();

  // 重置 ==> 恢复成用户原本的信息 ==> 重新发送ajax请求获取用户信息填充到表单中
  userinfo();
});
